﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wfDjackVehicle.aspx.cs" Inherits="msBsc.WebUi.wMall.Public.wfDjackVehicle" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>地接客车辆</title>
    <link href="/themes/wStyle1/css/sLayout.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sHead.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sFoot.css" rel="stylesheet" />


    <%--chat--%>
    <link href="/themes/wStyle1/css/Chat/layim.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/carMessage.css" rel="stylesheet" />
    <style>
        .wf_all {
            width: 100%;
            min-width: 1200px;
        }

        .top-bg-img, .top-bg-img img {
            height: 250px;
            width: 100%;
            min-width: 1200px;
            /*position: absolute;
            top: 0;
            left: 0;*/
        }

        .djack-info-content {
            width: 1200px;
            padding: 0;
            margin: 0 auto;
            background-color: #fff;
        }

        .djack-base-info {
            width: 1200px;
            height: 120px;
            padding: 10px 0 20px 0;
            position: relative;
            border-bottom: 1px solid #f2f2f2;
        }

        .djack-default-pic {
            width: 180px;
            height: 180px;
            background-color: #eee;
            padding: 10px;
            position: absolute;
            top: -85px;
        }

            .djack-default-pic img {
                width: 180px;
                height: 180px;
                background-color: #fff;
            }

        .djack-base-detail {
            width: 780px;
            margin-left: 220px;
            float: left;
        }

        .djack-service-type, .djack-intro {
            font-family: 微软雅黑;
            font-size: 14px;
            line-height: 20px;
            color: #999;
        }

        .djack-nick {
            font-family: Adobe 黑体 Std;
            font-size: 24px;
            color: #333;
            line-height: 45px;
        }

        .djack-intro {
            max-width: 780px;
            max-height: 42px;
            overflow: hidden;
        }

        .djack-product-wrap {
            width: 1200px;
            margin-top: 20px;
        }

        .djack-product-title {
            width: 1200px;
            height: 35px;
        }

            .djack-product-title span {
                padding: 7px 15px;
                font-family: Adobe 黑体 Std;
                font-size: 22px;
                line-height: 34px;
                color: #3398dc;
                background-color: #fff;
                cursor: pointer;
                border: 1px solid #3398dc;
                margin-right: 5px;
                border-bottom: 0;
            }

        .selectedItem {
            color: #fff !important;
            background-color: #3398dc !important;
            cursor: default !important;
        }

        .djack-procut-content, .vehicle-list-wrap, .vehicle-list-wrap ul {
            width: 1200px;
            /*border: 1px solid #f2f2f2;*/
        }

            .vehicle-list-wrap ul li {
                width: 1160px;
                height: 170px;
                padding: 24px 19px;
                border: 1px solid #f2f2f2;
                margin-bottom: 10px;
            }

        .phone {
            font-family: Arial;
            font-size: 22px;
            padding-left: 30px;
            color: #666;
            background: url(/themes/wStyle1/Images/Public/icon_phone_02.jpg) no-repeat;
            float: left;
        }

        .vehicle-base-pic, .vehicle-base-info {
            width: 579px;
            border-right: 1px solid #f2f2f2;
            height: 170px;
            float: left;
        }

        .vehicle-base-info {
            width: 460px;
            border: 0;
            padding: 0 60px;
        }

        .vehilce-pic, .vehilce-pic img {
            width: 270px;
            height: 170px;
            margin-right: 20px;
            float: left;
        }

        .vehicle-price {
            width: 270px;
            float: left;
            min-width: 270px;
            overflow: hidden;
        }

        .name-price {
            width: 270px;
            height: 135px;
        }

        .vehicle-name {
            width: 270px;
            line-height: 30px;
            font-size: 20px;
            font-family: Adobe 黑体 Std;
            color: #333;
        }

        .price {
            font-family: Arial;
            font-size: 22px;
            color: #cc0000;
            padding-right: 80px;
            background: url(/themes/wStyle1/Images/Public/price_unit_01.jpg) no-repeat;
            background-position: 100px 15px;
            padding-top: 10px;
        }

        .now-order, .now-order a {
            display: block;
            width: 140px;
            height: 35px;
            background-color: #cc0000;
            color: #fff;
            text-align: center;
            line-height: 35px;
            font-family: Adobe 黑体 Std;
            font-size: 22px;
        }

        .brand-seats, .vehicle-service-type {
            font-family: 微软雅黑;
            font-size: 16px;
            line-height: 20px;
            color: #333;
        }

        .vehicle-intro {
            font-size: 14px;
            font-family: 微软雅黑;
            color: #666;
            line-height: 18px;
            margin-top: 15px;
            max-height: 110px;
            overflow: hidden;
        }

        .djack-butique-wrap {
            width: 1140px;
            min-height: 420px;
            display: none;
            border: 1px solid #f2f2f2;
            padding: 20px 30px;
        }

        .djack-conaction-wrap {
            width: 1130px;
            min-height: 420px;
            display: none;
            border: 1px solid #f2f2f2;
            padding: 20px 35px;
        }

        .base-info-show {
            border-bottom: 1px solid #f2f2f2;
            font-size: 18px;
            font-family: 微软雅黑;
            line-height: 30px;
            color: #333;
            margin-bottom: 10px;
        }

        .conaction-detail {
            font-size: 16px;
            font-family: 微软雅黑;
            line-height: 35px;
            display: table;
        }

        .contitle {
            font-weight: 600;
            color: #999;
            padding-right: 10px;
            text-align: right;
            width: 60px;
            display: table-cell;
        }

        .convalue {
            font-size: 14px;
        }

        .djack-butique-wrap ul li {
            width: 1140px;
            border-bottom: 1px solid #999;
            height: 140px;
        }

        .djk-head-photo, .djk-head-photo img {
            width: 120px;
            height: 120px;
            float: left;
        }

        .djk-tjname, .djk-tjname a {
            width: 800px;
            max-width: 800px;
            overflow: hidden;
            font-size: 24px;
            font-family: 微软雅黑;
            color: #cc0000;
            margin-left: 10px;
            float: left;
        }

        .push-time {
            width: 210px;
            float: left;
            max-width: 220px;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <input type="hidden" id="djackId" />
    <%=msBsc.WebUi.Code.QtHtmlGet.GetHeaderLoginInfo() %>
    <div class="wf_all">
        <div class="top-bg-img">
            <img src="/themes/wStyle1/Images/Public/djack_top_bg01.jpg" />
        </div>
        <div class="djack-info-content">
            <div class="djack-base-info">
                <div class="djack-default-pic">
                    <img src="#" />
                </div>
                <div class="djack-base-detail">
                    <div class="djack-nick">
                        <span id="djack-nick"></span>
                        <span id="" onclick="javascript:{GetTecentQQ()}" style="cursor: pointer">
                            <img src="/themes/wStyle1/Images/Chat/contact.gif" />
                        </span>
                    </div>
                    <div class="djack-service-type"></div>
                    <div class="djack-intro"></div>
                </div>
                <%--<div class="phone">
                </div>--%>
            </div>

            <div class="djack-product-wrap">
                <div class="djack-product-title">
                    <span class="selectedItem">产品中心</span><span>旅游推荐</span><span>联系方式</span>
                </div>
                <div class="djack-procut-content">
                    <div class="vehicle-list-wrap">
                        <ul id="vehicle-list-wrap">
                        </ul>
                        <xmp id="svc_list_temp_vehicle" style="display: none">
                            {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                            <li>
                                <div class="vehicle-base-pic">
                                    <div class="vehilce-pic">
                                        <img src="{{d.rows[i].VEHICLE_DEFAULT_PIC}} 270x170img.jpg" />
                                    </div>
                                    <div class="vehicle-price">
                                        <div class="name-price">
                                            <a href="/wp_VehicleInfo.htm?vehicleId={{d.rows[i].VEHICLE_INFO_ID}}" class="vehicle-name">{{d.rows[i].VEHICLE_NAME}}</a>
                                            <div class="price">￥{{getNumber(d.rows[i].VEHICLE_PRICE_DAY)}}</div>
                                        </div>
                                        <div class="now-order">
                                            <a href="javascript:{GetTecentQQ()}">立即联系</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="vehicle-base-info">
                                    <div class="brand-seats">
                                        <span>{{d.rows[i].VEHICLE_BRAND_NAME}}</span> | <span>{{d.rows[i].VEHICLE_SEATS}} 座</span>
                                    </div>
                                    <div class="vehicle-service-type">
                                        服务类型：<span>{{d.rows[i].VEHICLE_SERVICE_TYPE_NAME}}</span>
                                    </div>
                                    <div class="vehicle-intro">
                                        {{getIntroLenght(d.rows[i].VEHICLE_INTRO,180)}}
                                    </div>
                                </div>
                            </li>
                            {{#} }}
                        </xmp>
                    </div>
                    <div class="djack-butique-wrap">
                        <ul id="forumInfo">
                        </ul>
                        <xmp id="svc_list_temp" style="display: none">
                        {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                            <li>
                                <div class="djk-head-photo" title="{{d.rows[i].CUSTOMER_NICK}}">
                                    <img src="{{d.rows[i].CUSTOMER_DEFAULT_PIC}} 120x120img.jpg" />
                                </div>
                                <div class="djk-tjname"><a target='_blank' href='/wp_ForumInfo.htm?forumId={{d.rows[i].SOURCE_POSTS_ID}}'>{{d.rows[i].SOURCE_POSTS_TITLE}}</a></div>
                                <div class="push-time">{{d.rows[i].POSTS_PUBLISH_TIME}}</div>
                            </li>
                        {{#} }}
                            </xmp>
                    </div>
                    <div class="djack-conaction-wrap">
                        <div class="base-info-show">
                            基本信息
                        </div>
                        <div class="conaction-detail">
                            <span class="contitle">昵 称</span>
                            <span class="convalue" id="djack-base-nick"></span>
                        </div>
                        <div class="conaction-detail">
                            <span class="contitle">所在地</span>
                            <span class="convalue" id="areainfo"></span>
                        </div>
                        <div class="conaction-detail">
                            <span class="contitle">性 别</span>
                            <span class="convalue" id="custGender"></span>
                        </div>
                        <div class="conaction-detail">
                            <span class="contitle">简 介</span>
                            <span class="convalue" id="custIntro"></span>
                        </div>

                        <div class="base-info-show">
                            联系方式
                        </div>
                        <%--<div class="conaction-detail">
                            <span class="contitle">电 话</span>
                            <span class="convalue" id="custPhone"></span>
                        </div>--%>
                        <div class="conaction-detail">
                            <span class="contitle">邮 箱</span>
                            <span class="convalue" id="custEmail"></span>
                        </div>
                        <div class="conaction-detail">
                            <span class="contitle">微 信</span>
                            <span class="convalue" id="custWechat"></span>
                        </div>
                        <div class="conaction-detail">
                            <span class="contitle">QQ</span>
                            <span class="convalue" id="custQQ"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <%=msBsc.WebUi.Code.QtHtmlGet.GetFloorHtml() %>

        <!--start JS引用-->
        <script src="/themes/wStyle1/js/Chat/lib.js"></script>
        <script src="/themes/wStyle1/js/Chat/layim.js"></script>

        <script src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
        <script src="/jqPlugin/js/jBase.js"></script>
        <script src="/jqPlugin/js/jBPage.js"></script>

        <%--chat--%>
        <script src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
        <script src="/jqPlugin/layer/layer.min.js"></script>
        <script src="/jqPlugin/js/laytpl.js"></script>
        <script src="/jqPlugin/SelectSimu/js/SelectSimu.js"></script>
        <script src="/themes/wStyle1/js/comm/jsLayout.js"></script>
        <script src="/themes/wStyle1/js/comm/jsPagination.js"></script>
        <script src="/themes/wStyle1/js/comm/commentmsg.js"></script>
        <!--end JS引用-->

        <script type="text/javascript">
            function IniChat(uid, username, userface, friend, islogin) {
                if (islogin) {
                    xxim.Initialization(uid, username, userface, friend);
                    xxim.view();
                    xxim.renode();
                    xxim.getDates(0);
                    xxim.event();
                    xxim.layinit();
                    $("#receiverInfo").attr("lg", islogin);
                }
                else {
                    xxim.messageInitia(friend);
                }

            }

            $(function () {
                $(".djack-product-title span").click(function () {
                    $(this).addClass("selectedItem").siblings().removeClass("selectedItem");
                    $(".djack-procut-content").children().eq($(this).index()).show().siblings().hide();
                })

                var djackId = GetQueryStr('djackId');
                $("#djackId").val(djackId);

                btnDo("init");
            })

            function btnDo(sEbtn) {
                GtGrid1Action = sEbtn;
                var opart = GetGtParam();
                opart = addNoAreStatistics(opart, "地接客详情", "w0017");
                ajaxComm(opart);
            };

            //执行AJAX调用时获取参数
            function GetGtParam() {
                var _jsParam = new jsonRow();
                _jsParam.AddCell("djackId", $("#djackId").val());
                _jsParam.AddCell("ACTION", GtGrid1Action);
                return _jsParam;
            };

            function setDjackInfo(data, isLogin) {
                $(".djack-default-pic img").attr("src", data.rows[0].CUSTOMER_DEFAULT_PIC + " 197x197img.jpg");
                $("#djack-nick,#djack-base-nick").text(data.rows[0].CUSTOMER_NICK);
                $(".djack-intro").text(getIntroLenght(data.rows[0].CUSTOMER_BASEINFO_INTRO, 100));
                $("#areainfo").text(data.rows[0].P_COUNTRY_NAME + " - " + data.rows[0].P_CITY_NAME + " - " + data.rows[0].P_DISTINATION_NAME);
                var lable = data.rows[0].SERVICE_LABEL;
                var arrLable = lable.split("|");
                var labelStr = "";
                if (!IsNull(arrLable)) {
                    arrLable.sort();
                    for (var i = 0; i < arrLable.length; i++) {
                        if (arrLable[i] == "1") {
                            labelStr += labelStr == "" ? "免费旅游咨询" : " / 免费旅游咨询";
                        } else if (arrLable[i] == "2") {
                            labelStr += labelStr == "" ? "旅游制定" : " / 旅游制定";
                        } else if (arrLable[i] == "3") {
                            labelStr += labelStr == "" ? "向导服务" : " / 向导服务";
                        } else if (arrLable[i] == "4") {
                            labelStr += labelStr == "" ? "导游服务" : " / 导游服务";
                        }
                    }
                }

                $("#receiverInfo").attr("userid", data.rows[0].CUSTOMER_REGISTER_ID).attr("username", data.rows[0].CUSTOMER_NICK).attr("userface", data.rows[0].CUSTOMER_DEFAULT_PIC).attr("lg", isLogin);

                $(".djack-service-type").text(labelStr);

                $(".phone").text(data.rows[0].CUSTOMER_BASEINFO_MOBILE);



                if (data.rows[0].CUSTOMER_BASEINFO_GENDER == "M") {
                    $("#custGender").text("男");
                } else if (data.rows[0].CUSTOMER_BASEINFO_GENDER == "F") {
                    $("#custGender").text("女");
                }
                $("#custIntro").text(data.rows[0].CUSTOMER_BASEINFO_INTRO);
                $("#custQQ").text(data.rows[0].CUSTOMER_BASEINFO_QQ);
                $("#custPhone").text(data.rows[0].CUSTOMER_BASEINFO_MOBILE);
                $("#custWechat").text(data.rows[0].CUSTOMER_WECHAT_NO);
                $("#custEmail").text(data.rows[0].CUSTOMER_BASEINFO_EMAIL);
            }

            function getIntroLenght(intro, limitCount) {
                return intro.length > limitCount ? intro.substring(0, limitCount - 3) + "......" : intro
            }
        </script>

        <script src="/themes/wStyle1/js/Chat/chatMessage.js"></script>
    </div>
</body>
</html>
